/**
 * 学习目标： JSX 语法糖： 插值表达式 - 基本类型数据(字符串 数值  布尔 null undefined)
 *  💥React 注意点：
 *      布尔类型，null undefined 在 JSX 中不会显示到页面中(Vue模板会转换成字符串再显示)
 */

import React from 'react'
import ReactDOM from 'react-dom'

// 基本数据类型  字符串 数值  布尔 null undefined
const name = 'zs'
const age = 18
const isVip = true

const divNode = (
  <>
    <h1>字符串类型：{name}</h1>
    <h1>数值类型：{age}</h1>
    <h2>布尔类型类型不显示：{isVip}</h2>
    <h3>空值不显示：{null}</h3>
    <h3>未定义不显示：{undefined}</h3>
    <h2>布尔类型常用于判断，不用于显示：{true ? '真' : '假'}</h2>
    <h2>转换成字符串才能显示：{String(true)}</h2>
    <h3>条件渲染：{isVip ? <h4>欢迎氪金大佬3️⃣</h4> : null}</h3>
  </>
)

ReactDOM.render(divNode, document.getElementById('root'))
